<template>
<div>
  <div>{{ this.title }}</div>
  <q-separator />
  <q-list>
    <q-item>
      <q-item-section>
        <ul>
          <li v-for="(item, idx) in arr" :key="`${idx}`">{{ item }}</li>
        </ul>
      </q-item-section>
    </q-item>
  </q-list>
  <q-separator />
  test2222
</div>
</template>

<script lang="ts">
import Test1 from "components/Test1.vue";
import { Component, Prop } from 'vue-property-decorator'
@Component
export default class Test2 extends Test1{
  @Prop() title! : string
  @Prop({default: ['yl', 'lg', 'gy']}) testArr: string[]
  get arr() {
    return  this.testArr
  }
}
</script>

<style scoped>

</style>
